<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>卡密</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/style.css">
    <script>
        (function (doc, win) {
            var docEl = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function () {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;
                    if (clientWidth >= 750) {
                        docEl.style.fontSize = 100 + 'px';
                    } else {
                        docEl.style.fontSize = 50 * (clientWidth / 375) + 'px';
                    }
                };
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script>
</head>

<body>
    <div class="wrapper">
        <header>
            <!-- 未登录 -->
            <a class="header_top_notlogin" href="javascript:;">登录</a>
            <!-- 已登录 未订购 -->
            <div class="header_top_login_notOrder hide">
                <span>133****3333</span>
                <a href="javascript:;"></a>
                <img src="./img/orderLogo.png" alt="">
            </div>
            <!-- 已登录 已订购 -->
            <div class="header_top_login_order hide" style="float:right">
                <div class="header_top_login_order_top">
                    <span class="phoneNumber">133****3333</span>
                    <img src="./img/orderLogo.png" alt="">
                </div>
                <div class="time">有效期:<span class="year">2017</span>年<span class="month">12</span>月<span class="day">29</span>日</div>
            </div>
            <button class="outLogin hide"></button>
            <div class="header_middle">
                <p class="line_one">咪咕会员在手，</p>
                <p class="line_two">海量视频时刻追剧high不停；</p>
                <p class="line_three">精品图书无扰阅读变学霸；无损音乐高音质玩嘻哈；</p>
                <p class="line_four">热门游戏畅享折扣装备多；奇趣动漫超多礼赠二次元。</p>
            </div>
            <div class="header_bottom clearfix">
                <a href="javascript:;" class="fl">会员激活</a>
                <a href="javascript:;" class="fr">立即体验</a>
            </div>
        </header>

        <div class="vip_member">
            <div class="vip_member_top">
                VIP会员尊享权益
            </div>
            <div class="vip_member_content">
                <a href="javascript:;">
                    <img src="./img/vip_member_contentBg1.png" alt="">
                    <p>独家首映</p>
                </a><a href="javascript:;">
                    <img src="./img/vip_member_contentBg2.png" alt="">
                    <p>4K超清画质</p>
                </a><a href="javascript:;">
                    <img src="./img/vip_member_contentBg3.png" alt="">
                    <p>免广告</p>
                </a><a href="javascript:;">
                    <img src="./img/vip_member_contentBg4.png" alt="">
                    <p>7天回看</p>
                </a><a href="javascript:;">
                    <img src="./img/vip_member_contentBg5.png" alt="">
                    <p>杜比音效</p>
                </a><a href="javascript:;">
                    <img src="./img/vip_member_contentBg6.png" alt="">
                    <p>游戏特权</p>
                </a><a href="javascript:;">
                    <img src="./img/vip_member_contentBg7.png" alt="">
                    <p>专属礼包</p>
                </a><a href="javascript:;">
                    <img src="./img/vip_member_contentBg8.png" alt="">
                    <p>消费折扣</p>
                </a><a href="javascript:;">
                    <img src="./img/vip_member_contentBg9.png" alt="">
                    <p>全站免费畅读</p>
                </a><a href="javascript:;">
                    <img src="./img/vip_member_contentBg10.png" alt="">
                    <p>课程免费学</p>
                </a><a href="javascript:;">
                    <img src="./img/vip_member_contentBg11.png" alt="">
                    <p>无损音质下载</p>
                </a><a href="javascript:;">
                    <img src="./img/vip_member_contentBg12.png" alt="">
                    <p>超清演唱会直播</p>
                </a>
            </div>
        </div>

        <div class="download">
            <div class="download_top">
                下载客户端尊享权益
            </div>
            <div class="download_content">
                <ul>
                    <li>
                        <img src="./img/videoLogo.png" alt="">
                        <div>
                            <h2>咪咕视频</h2>
                            <p>让生活更有戏</p>
                        </div>
                        <a class="guideApp" data-app="migu_video" href="javascript:;">
                            下载
                        </a>
                    </li>
                    <li>
                        <img src="./img/gameLogo.png" alt="">
                        <div>
                            <h2>咪咕游戏</h2>
                            <p>听有趣阅不同</p>
                        </div>
                        <a class="guideApp" data-app="migu_game" href="javascript:;">
                            下载
                        </a>
                    </li>
                    <li>
                        <img src="./img/musicLogo.png" alt="">
                        <div>
                            <h2>咪咕音乐</h2>
                            <p>趣乐趣享</p>
                        </div>
                        <a class="guideApp" data-app="migu_music" href="javascript:;">
                            下载
                        </a>
                    </li>
                    <li>
                        <img src="./img/readLogo.png" alt="">
                        <div>
                            <h2>咪咕阅读</h2>
                            <p>快乐一触即发</p>
                        </div>
                        <a class="guideApp" data-app="migu_read" href="javascript:;">
                            下载
                        </a>
                    </li>
                    <li>
                        <img src="./img/comicLogo.png" alt="">
                        <div>
                            <h2>咪咕圈圈</h2>
                            <p>直播动漫</p>
                        </div>
                        <a class="guideApp" data-app="migu_comic" href="javascript:;">
                            下载
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <footer>
            <h2>温馨提示</h2>
            <p>1. 此会员卡在激活后可享受标注时长的超级会员权益。</p>
            <p>2. 本卡为体验卡不记名、不挂失、遗失不补。</p>
            <p>3. 客服服务热线：400-1011-118。</p>
            <p>4. 请在会员卡标注的激活有效期内激活此卡。</p>
            <p>5. 在法律允许范围内，本卡最终解释权归咪咕公司所有。</p>
        </footer>

        <!-- 弹窗 -->
        <div class="popAll hide">
            <div class="pop_outLogin hide">
                <button></button>
                <a class="pop_outLogin_left" href="javascript:;">取消</a>
                <a class="pop_outLogin_right" href="javascript:;">确定</a>
            </div>
            <div class="pop_toTastePage hide">
                <button></button>
                <a class="pop_toTastePage_left" href="javascript:;">去看看</a>
                <a class="pop_toTastePage_right" href="javascript:;">激活</a>
            </div>
        </div>
    </div>



    <script src="./js/jquery-3.2.1.min.js"></script>
    <!-- 导流 -->
    <script src="/defaultSite/static/public/War_package/vendor/call.js"></script>
    <script src="/defaultSite/static/public/share_detail_v2/controller/open_app/guideApp.js?version={$smarty.now|date_format:'%Y%m%d%H%M%S'}"></script>
    <!--微信浏览器打开提示-->
    <script src="/defaultSite/static/public/share_detail_v2/controller/common/mask_tips.js?version={$smarty.now|date_format:'%Y%m%d%H%M%S'}"></script>

    <script>
        $(function () {
            /*判断是否IOS*/
            function isIos() {
                var ua = navigator.userAgent;
                var isiOS = !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
                return isiOS;
            };

            /*判断是否微信*/
            function isWeChat() {
                var ua = navigator.userAgent.toLowerCase();
                if (ua.match(/MicroMessenger/i) == "micromessenger") {
                    return true;
                } else {
                    return false;
                }
            };


            var guideApp = new GuideApp();
            var appData = {
                /* 咪咕游戏 */
                "migu_game": {
                    "android_url": "youplay://home",
                    "ios_url": "youplay://",
                    "download_url": "http://video.cmgame.com/userfiles/wapapp/mgyx.apk",
                    "appstore_url": "https://itunes.apple.com/cn/app/mi-gu-you-xi/id1107540441?l=zh&ls=1&mt=8",
                    "tencent_url": "http://a.app.qq.com/o/simple.jsp?pkgname=cn.emagsoftware.gamehall",
                    "buttonid": "MD0007"
                },
                /* 咪咕音乐 */
                "migu_music": {
                    "android_url": "migumusic://",
                    "ios_url": "migumusicios://",
                    "download_url": "http://a.app.qq.com/o/simple.jsp?pkgname=cmccwm.mobilemusic",
                    "appstore_url": "http://a.app.qq.com/o/simple.jsp?pkgname=cmccwm.mobilemusic",
                    "tencent_url": "http://a.app.qq.com/o/simple.jsp?pkgname=cmccwm.mobilemusic",
                    "buttonid": "MD0006"
                },
                /* 咪咕动漫 */
                "migu_comic": {
                    "android_url": "mgdm://wap.dm.10086.cn/mgdm?o_t=1&tab_id=0",
                    "ios_url": "mgdm://c.migudm.cn?o_t=1&tab_id=0",
                    "download_url": "http://a.app.qq.com/o/simple.jsp?pkgname=com.hisunflytone.android",
                    "appstore_url": "https://itunes.apple.com/cn/app/id867936816?mt=8",
                    "tencent_url": "http://a.app.qq.com/o/simple.jsp?pkgname=com.hisunflytone.android",
                    "buttonid": "MD0008"
                },
                /* 咪咕阅读 */
                "migu_read": {
                    "android_url": "cmread://cmread.com/client?url=wap.cmread.com/rbc/p/zonghesy.jsp?vt=3",
                    "ios_url": "cmread://cmread.com/client?json={literal}{}{/literal}",
                    "download_url": "http://a.app.qq.com/o/simple.jsp?pkgname=com.ophone.reader.ui",
                    "appstore_url": "https://itunes.apple.com/cn/app/id863837323?mt=8",
                    "tencent_url": "http://a.app.qq.com/o/simple.jsp?pkgname=com.ophone.reader.ui",
                    "buttonid": "MD0005"
                },
                /* 咪咕视频 */
                "migu_video": {
                    "android_url": "miguvideo://miguvideo",
                    "ios_url": "miguvideo://miguvideo",
                    "download_url": "http://a.app.qq.com/o/simple.jsp?pkgname=com.cmcc.cmvideo",
                    "appstore_url": "https://itunes.apple.com/cn/app/id787130974?mt=8",
                    "tencent_url": "http://a.app.qq.com/o/simple.jsp?pkgname=com.cmcc.cmvideo",
                    "buttonid": "MD0004"
                }
            };

            /*导流事件*/
            $(document).delegate('.guideApp', 'click', function () {
                        var appType = $(this).data('app');
                        var appUrl = {literal}{}{/literal};
                if(isWeChat()){
                    $('.mask_tips').show();
                } else {
                    if (isIos()) {
                        appUrl.launchapp_url = appData[appType].ios_url;
                        appUrl.downloadapp_url = appData[appType].appstore_url;
                    } else {
                        appUrl.launchapp_url = appData[appType].android_url;
                        appUrl.downloadapp_url = appData[appType].download_url;
                    }
                    appUrl.tencentapp_url = appData[appType].tencent_url;

                    guideApp.call(appUrl, {
                        "type": "1",
                        "buttonid": appData[appType].buttonid
                    });
                }
                

            });

        });
    </script>
</body>

</html>